


	    /*body部分*/

	    #navbody {	
	    	width: 100%;
	    	margin-top: 50px;
	     	/*background-color:#E8E8E8; */
	     }

	    #navbodys{ 
	    	width:94%;
	    	margin:0 auto; 
	    	position: relative;
	    }

	    /*二级下拉菜单*/

	    #group{ 
	    	width: 100%;
	    	height: 60px;
	    	position: absolute;
	    	left: 0; 
	    	top: 0;
	    	z-index: 1000;
	    	border-bottom: 1px solid #D8D8D8
	    }

	    #group #group-center{
			width: 100%;
			height: 40px;
			position: absolute;
			left: 0;right: 0;bottom: 0;top: 0;
			margin:20px auto;


	    }
	    #group ul{ 
	    	list-style: none; 
	   	}

		#group-center .rotate {
			position: absolute;
			top: 0;
			left: 90px;
			bottom: 0; 
			display:flex;  
		    justify-content:center;  
		    align-items:center;  
		}


	    .wli { float: left;
	     		margin-right: 70px;
	     		color:#696969;
	     		position: relative;
	     	}

	     .nul{display: none;
	           border-radius: 5px;}
	     .wli:hover .nul{ 
	     	display: block;
	     	}
	     .nul li { width: 130px;
	     			height: 40px;
	     			background-color:#FFF; 
	     			line-height: 40px;
	     			text-align: center;
	     			}
	     .lastli{ border-radius:0 0 5px 5px ;  }

	     .wli:hover{ 
	     			background-color: #FFF;
	     			width: 130px;
	     			height: 50px;
	     			line-height: 50px;
	     			text-align: center; 
	     			border-radius:5px 5px 0 0 ;
	     			top:-14px; 
	     			left: -18px;
	     			 margin-right: 36px;
	     			 margin-left: 7px; 
	     			 margin-top: -2px;}
	     .nul li:hover{ background-color:#00CED1;
	     				color: #FFF;}

	     	/*三角形的旋转*/
			#group-center i.icon-sort-down{
					transition: transform .2s;
					-moz-transition: -moz-transform .2s;	/* Firefox 4 */
					-webkit-transition: -webkit-transform .2s;	/* Safari 和 Chrome */
					-o-transition: -o-transform .2s;	/* Opera */

			}


			#group-center>ul>li:hover i.icon-sort-down{
				margin-left: 18px;
				transform: rotate(180deg);
				-ms-transform: rotate(180deg);		/* IE 9 */
				-webkit-transform: rotate(180deg);	/* Safari and Chrome */
				-o-transform: rotate(180deg);		/* Opera */
				-moz-transform: rotate(180deg);	
			}


	     /*body里的框*/
	     #juzhong{
	     			width: 100%;
	    			clear: both;
	    			padding-top: 70px;
	    			padding-bottom: 20px;
	    			
	     }
	    #kuangbody{ width: 1234px;
	    position: relative;
	    top:70px;
	    	
	    	margin: auto;
	    			}
	    #kuangbody2{ width: 1234px;
	   /* position: relative;
	    top:70px;*/
	    	
	    	margin: auto;
	    			}
	    .kuang{ width: 290px;
	    		height: 260px;
	    		background-color:#FFF;
	    		 float: left;
	    		 margin: 15px 8px;
	    		 box-shadow: 2px 0px 5px #CFCFCF;
	    		 border:1px solid #CFCFCF;}
	    
	    .likuang{ width:270px;
	    			height: 180px;
	    			margin:auto;
	    			margin-top: 10px;
	    			overflow: hidden;

	    			
	    		}
	    .xiahuatiao{ width:270px;
	    			height: 30px;
	    			background-color: #000;
	    			color:#FFF;
	    			/*display:none; */
	    			line-height: 30px;
	    			position:relative;
	    			top: -30px;
	    			transition: top 0.2s;
	    			z-index: 1000;
	    			padding-bottom: 0px;
	    			margin: 0px;}
	    .rightwz{ float: right; }
	    .kuang:hover{box-shadow: 0px 2px 10px #000;}
	   	.kuang:hover .xiahuatiao{  top:0px;
	   				}
	   	.tpkuang { 	
	   				position: relative;
	   				top: -30px;
	   				padding-top: 0px; 
	   				transition:top 0.2s;
	   				z-index: 500;}
	   	.kuang:hover .tpkuang{ top:-20px; }
	   	.zhezhao{ background-color: black;
	   			    width:270px;
	    			height: 180px;
	    			position: absolute;
	   				top: 0px; z-index: 2000;
	    			opacity:0;
	    			transition: opacity 0.2s;}
	    .kuang:hover .zhezhao{ opacity:0.4 }

	    .tujiao{ margin: 10px; 
	    		color: gray;
	    		font-size: 0.75em;}
	    .tujiao hr{border:1px solid #DCDCDC;
			  		margin-top: 8px;}
		.tujiao a{ -webkit-text-decoration:none;
                   -moz-text-decoration:none;
                    text-decoration:none;
					color:#4F4F4F; }
		.tujiao p {
			float: left;
			margin-top: 6px;
		}
		.tujiaoright{
			float: right;
			margin-top: 6px;}
		.kuang:hover a{ color:#20B2AA; }
		

		/*跳转*/
		#tz{ 
				clear: both;
		    	width: 280px;
		    	height:50px;
		    	color: gray; 
		    	margin: auto;
		    	padding-top: 30px;
		    	font-size: 0.8em;
		    	padding-bottom: 20px;
	    	 }
	    .xuzhekuang1{ 
	    			padding:12px 16px;
	    			border:1px solid #CFCFCF;
	    			background-color:#00CDCD;
	    			border-radius: 5px;
	    			margin:-2px;
	    			outline:medium;
	    			color:#FFF; 
	    			}
	    .xuzhekuang{ 
	    			padding:12px 16px;
	    			border:1px solid #CFCFCF;
	    			background-color:#FFF;
	    			border-radius: 5px;
	    			margin:-2px;
	    			outline:medium;
	    			color: gray; 
	    			}
	    .xuzhekuang:hover{ 
	    				background-color: #00CDCD;
	    				color: #FFF; }
	    .shurukuang{ 
	    			margin-right: -5px;
	    			width: 50px;
	    			height: 40px;
	    			border:1px solid #CFCFCF;
	    			border-radius:5px 0 0 5px; 
	    			outline:medium;
	    			text-align: center;
	    			color: gray; }
	    .go{   
	    		width: 50px;
	    		height: 42px;
	    		border:1px solid #CFCFCF;
	    		border-radius:0 5px 5px 0; 
	    		background-color: #FFF;
	    		margin-left: -2px;
	    		outline:medium;
	    		color: gray; }


	   /*页脚*/
	    #foot{  
	    	height: 262px;
	    	background-color:#1C1C1C;
	    	position: relative;
	    	top:125px;
	    	 }
	    #foots{ padding: 30px 50px;}

	    h4{color:#DCDCDC; }
	    #wz {width: 434px;
	         font: 12px/1.5 "Hiragino Sans GB","Helvetica neue",Helvetica,"Microsoft Yahei", sans-serif;
	         color: #696969;
	         float: left;
	         line-height: 20px;

	     	}
	    #gy{ float:left; 
	    	width: 100px;
	        font: 12px/1.5 "Hiragino Sans GB","Helvetica neue",Helvetica,"Microsoft Yahei", sans-serif;
	         color: #696969;
	     	margin-left: 60px;
	     	line-height: 20px;}
	    #gy ul{ list-style: none;}
	    #gy ul li a{ color:#696969;
	    			text-decoration: none;  }
	    #bq{ clear: both; 
	    	 font-size:15px;
	         color: #696969;}

	    .dingyue{
	    	padding: 6px 8px;
	    	background-color: #00868B;
	    	border: 0px;
	    	border-radius: 2px;
	    	color:#B5B5B5;
	    	
	    }
	    .dingyue:hover{
	    	color: #fff;
	    }
	    #gz ul li {
	    	margin-bottom: 10px;
	    	font: 12px/1.5 "Hiragino Sans GB","Helvetica neue",Helvetica,"Microsoft Yahei", sans-serif;
	    	color: #696969;
	    	
	    }
	    #gz{
	    	float:left; 
	    	font-size: 0.8em;
	    	color: gray;
	    	margin-left: 60px;
	    }
	    .yjshurukuang{
	    	width: 100px;
	    	width:160px;
	    	height: 25px;
	    	background-color:#1C1C1C;
	    	color: #fff;
	    	border:1px solid #828282;
	    }
	    .social-icon{
	    }
	    .social-icon a{
	    	display: block;
	    	float: left;
	    	padding: 7px 10px;
	    	background-color:#0e1215;
	    	margin-right: 10px;
	    	border-radius: 5px;
	    	color: gray;
	    }
	    #bq{
	    	font: 12px/1.5 "Hiragino Sans GB","Helvetica neue",Helvetica,"Microsoft Yahei", sans-serif;
	    }
	    .social-sina:hover{
	    	background-color: #66CD00;
	    }
	    .social-qqwb:hover{
	    	background-color: #EE6363;
	    }
		.social-qq:hover{
			background-color: #9932CC ;
		}
		.social-rss:hover{
			background-color: #0000EE;
		}
		.social-weixin:hover{
			background-color: #FFD700;

		}
